{% load static tailwind_tags %}
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tailwind 验证示例</title>
  <!-- 引入 Tailwind CSS -->
  {% tailwind_css %}
</head>
<body class="bg-gray-50 p-8">
  <div class="max-w-md mx-auto rounded-xl shadow-md overflow-hidden">
    <div class="card bg-base-100 w-96 shadow-sm">
      <figure>
        <img
          src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
          alt="Shoes" />
      </figure>
      <div class="card-body">
        <h2 class="card-title">Card Title</h2>
        <p>A card component has a figure, a body part, and inside body there are title and actions parts</p>
        <div class="card-actions justify-end">
          <button class="btn btn-primary">Buy Now</button>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
